<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>
        什么是解构？
        从字面意思理解就是 解开解构，指的就是在数据里面获取到想要的指定的部分，则就是解构的基本含义。


        解开什么解构呢？
        指的是解开我们javascript里面数据的解构
        对象
        数组
        字符串

        为什么要使用解构？

        如何使用解构？
    </p>

</body>
<script>



    /* 对象解构： 指的是我们解开一个对象的解构，从这个对象里面获取到指定的数据 */
    var obj = {
        id: 1,
        username: 'andy',
        age: 23,
        email: 'gogery@163.com'
    };

    /* 对象的解构和顺序是无关的，按照对象的属性 key 值进行解构即可 */
    let { email, id } = obj;

    console.log(
        email,
        id
    );



</script>

</html>